<template>
	<view class="tag-page">
		<view class="box">
			<tag :items="tags" sm border></tag>
		</view>
		<view class="box">
			<tag :items="tags" sm></tag>
		</view>
		<view class="box">
			<tag :items="tags"></tag>
		</view>
		<view class="box">
			<tag :items="tags" color="primary" sm></tag>
		</view>
		<view class="box">
			<tag :items="tags" color="error" sm border></tag>
		</view>
		<view class="box">
			<tag :items="tags2" color="primary" sm editable></tag>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tags:['标签一','标签二','标签三','标签四'],
				tags2:['标签一','标签二','标签三','标签四'],
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.tag-page{
	padding: 0 40upx;
	.box{
		margin: 40upx 0 0;
	}
}
</style>
